<style>
.fui-icon-group .fui-icon-col {
    margin: 0.1rem 0;
}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
.fui-searchbar {padding-top:0.3rem;padding-bottom:0.3rem;margin-top:-2rem;height:auto;border-top-right-radius:1rem;border-top-left-radius:1rem;}
.searchbar .search-input input {
    height: 1.6rem;
}
.search-input i {
    line-height: 1.7rem;
}
.jylabels {
    display: inline;
    padding: 0 0.5rem;
    margin: 0.2rem;
    font-size: 0.55rem;
    line-height: 1.1rem;
    text-align: center;
    border-radius: 0.6rem;
}
.yuyue-duan {background:#fff;border: 0 solid #fff;border-radius: 4px;padding:0.1rem;margin:0.25rem 0.1rem;height:auto;width:auto;font-size:0.6rem;text-align:center}
.fui-header a.back:before {
	border-color: #fff
}
.fui-header a.back2:before {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 0.5rem;
	width: 0.5rem;
	border-width: 0 0 2px 2px;
	border-color: #666;
	border-style: solid;
	position: relative;
	top:0;
}
.fui-icon-group .fui-icon-col .text {
    color: #999;
}
.fui-icon-group .fui-icon-col .text.active{
    color:red
}
.fui-list-inner .sorting {
    width: .2rem;
    height: .2rem;
    position: relative;
}
.fui-list-inner .sorting .icon {
    font-size: 0.85rem;
    position: absolute;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}
.fui-list-inner .sorting .fa {
    font-size: 0.85rem;
    position: absolute;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}
.fui-list-inner.desc .sorting .sanjiao1 {
    color: red
}

.fui-list-inner.asc .sorting .sanjiao2 {
    color: red
}
.fui-list-inner .sorting .icon-sanjiao1 {
    top: .15rem;
    left: 0;
}

.fui-list-inner .sorting .icon-sanjiao2 {
    top: -.15rem;
    left: 0;
}

.fui-list-inner.desc .sorting .icon-sanjiao1 {
    color: #ef4f4f
}

.fui-list-inner.asc .sorting .icon-sanjiao2 {
    color: #ef4f4f
}
.fui-searchbar:after {
	height: 0;
	background-color: #e7e7e7;
}
</style>
<div class="fui-searchbar">
			<div class="fui-cellone" style="padding:0.3rem 0.1rem;top:0;">
				 <div class="fui-cellone-info">
					<div class="search-input" style="height:1.6rem">
						<form action="javascript:return true">
						<i id="searchsub" class="icon icon-sousuo1 bold" ng-click="pagedata.getlist()" style="line-height: 1.7rem;"></i>
						<input type="search" placeholder="请输入商家、商品名称" class="search" ng-model="pagedata.params.keyword" style="height:1.6rem;border: 0;text-align: left; color: #999; font-size:0.6rem;background:#fff;border-radius: 1rem;" />
						</form>
					</div>
				 </div>
				 <div class="fui-cellone-remark noremark">
					<span style="margin-left:0.3rem;font-size: 0.75rem;" ng-click="pagedata.getlist()">搜索</span>
				 </div>
			</div>
			<!--<div class="row margin0">
				<div class="jylabels jylabel-f3f3f3" style="background-color:#fff;color:#fb9191" ng-click="pagedata.params={};pagedata.getlist();">重置筛选</div>
				<div ng-repeat="(k,v) in pagedata.searchkeyword" class="jylabels jylabel-f3f3f3" style="background-color:#fff" ng-click="pagedata.params.keyword=v;pagedata.getlist();">{{v}}</div>
			</div>-->
		</div>
		<!-- 滚动后出现 -->
		<div ng-if="showtopheader" class="fui-header searchtop" style="height:2.6rem;background:#fff">
			<div class="fui-header-left" style="height: 2.5rem;">
				<a class="back2" href="javascript:" ng-click="goback()"></a>
			</div>
			<div class="fui-header-input" style="top:0.1rem;right:0.5rem">
				<div class="searchbar searchbar-active" style="margin-left:1.6rem">
						<div class="search-input" style="margin-right:1.5rem">
						<form action="javascript:return true">
							<i id="searchsub" class="icon icon-sousuo1" ng-click="pagedata.getlist()"></i>
							<input type="search" placeholder="请输入商家、商品名称" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;border: 0 solid #ddd;"/>
						</form>
						</div>
				</div>
			</div>
			<div class="fui-header-right" style="padding-right:0.5rem;">
					<i class="icon jinyunicon icon-fenxiang2" onclick="$('#showsharecover').modal();" style="font-size: 1rem;margin-right:10px"></i>
					<i class="icon jinyunicon icon-liaotian" ng-click="access_json(pagedata.memberindex)" style="font-size: 1rem;"></i>
			</div>
		</div>
<div ng-if="pagedata.setting.no_goodslistgoup!=1" class="fui-tab-scroll" style="margin-top:-0.5rem">
	<div ng-class="{'item':1,'on':pagedata.params.pid==0}" style="height:2rem;line-height:1.5rem"><a href="javascript:;" ng-click="pagedata.params.pid=0;pagedata.params.cid=0;pagedata.childs=pagedata.recommend;pagedata.getlist();">全部</a></div>
	<div ng-repeat="tab in pagedata.category" style="height:2rem;line-height:1.5rem" ng-class="{'item':1,'on':pagedata.params.pid==tab.id}"><a href="javascript:;" ng-click="pagedata.params.pid=tab.id;pagedata.params.cid=0;pagedata.childs=tab.childs;pagedata.groupkey=$index;pagedata.getlist();">{{tab.title}}</a></div>
	<div ng-if="!pagedata.category || pagedata.category.length<1" ng-class="{'item':1,'on':pagedata.params.pid==-1}" style="height:2rem;line-height:1.5rem"><a href="javascript:;" ng-click="pagedata.params.pid=-1;pagedata.params.cid=0;pagedata.childs=[];pagedata.groupkey=$index;pagedata.getlist();">其他商品</a></div>
</div>
<div class="fui-icon-group col-5" ng-if="pagedata.setting.no_goodslistgoup!=1 && pagedata.params.pid>0">
	<a ng-repeat="child in pagedata.childs" ng-click="pagedata.params.cid=child.id;pagedata.getlist();" class="fui-icon-col external">
		<div class="icon"><img ng-src="{{tomedia(child.image) || '../addons/jy_weishop/images/nogrouppic.png'}}" ></div>
		<div ng-class="{'text':1,'active':pagedata.params.cid==child.id}" style="font-size: 0.65rem;">{{child.title}}</div>
	</a>
</div>
<div class="fui-icon-group col-5" ng-if="pagedata.setting.no_goodslistgoup!=1 && pagedata.params.pid==0">
	<a ng-repeat="child in pagedata.recommend" ng-click="pagedata.params.pid=child.id;pagedata.getlist();" class="fui-icon-col external">
		<div class="icon"><img ng-src="{{tomedia(child.image) || '../addons/jy_weishop/images/nogrouppic.png'}}" ></div>
		<div ng-class="{'text':1,'active':pagedata.params.pid==child.id}" style="font-size: 0.65rem;">{{child.title}}</div>
	</a>
</div>